<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>项目案例二级页</title>
		<link href="css/base.css" rel="stylesheet" /> 
		<link href="css/home.css" rel="stylesheet" />
		<link  href="images/favicon.png" rel="icon"/>
		<script type="text/javascript"> 
			function showImg(){ 
			document.getElementById("wxImg").style.display='block'; 
			} 
			function hideImg(){ 
			document.getElementById("wxImg").style.display='none'; 
			} 
		</script> 
		<style>
			#pro .nav ul .li1{
				border-bottom: 2px solid white;
				margin-bottom: 20px; 
			}
			#pro .current{
				display: block;
				border-bottom: 2px solid #22b8fe;
				height: 64px; 
			}
			.top .head .heading{
			position: absolute;
			left: 60px;
			top:260px;
			animation: bounceInLeft 1s ;
			}
				@keyframes bounceInLeft {
			0%,
			60%,
			75%,
			90%,
			to {
				animation-timing-function: cubic-bezier(.215, .61, .355, 1)
			}
			0% {
				opacity: 0;
				transform: translate3d(-3000px, 0, 0)
			}
			60% {
				opacity: 1;
				transform: translate3d(25px, 0, 0)
			}
			75% {
				transform: translate3d(-10px, 0, 0)
			}
			90% {
				transform: translate3d(5px, 0, 0)
			}
			to {
				transform: none
			}
			}
			</style>
	</head>
	<body id="pro">
		<div class="project_box">
			<div class="top">
				<div class="head">
					
			<div class="back_top">
				<a href="#">
					<img src="images/top2.png" />
				</a>
			</div>
			<div class="messeage">
				<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes">
					<img src="images/Online.gif" />
				</a>
			</div>
				<div class="nav">
						<div class="logo fl">
							<a href="index.html">
								<img src="images/diansheLOGO.png" />
							</a>
						</div>
						<div class="tell fr">
							<a href="#">
								<img src="images/phone.png" />
							</a>
						</div>
						<ul class="fr">
						<li class="li1">
								<a href="project.html">案例</a>
							</li>
							<li>
								<a href="service.html">服务</a>
							</li>
							<li>
								<a href="about.html">关于</a>
							</li>
							<li>
								<a href="news.html">新闻</a>
							</li>
						</ul>
					</div>
				
					<div class="heading">
						<img src="images/project-t1.png" /><br />
						<br />
						<img src="images/project-t2.png" /><br />
						<img src="images/project-t3.png" />
					</div>
				</div>
			</div>
			<div class="cnt_nav mr">
			<ul>
				<li><a class="current" href="#">精选案例</a></li>
				<li><a href="#">全部</a></li>
				<li><a href="#">网站</a></li>
				<li><a href="#">移动app</a></li>
				<li><a href="#">互联网产品</a></li>
				<li><a href="#">品牌&平面</a></li>
			</ul>
			</div>
			<div class="cnt mr">
				<ul class="clearfix">
					<a href="project-1.html">
					<li>
						<div class="img"><img src="images/project_02.jpg" /></div>
						<h3>中国电信Q+</h3>
						<p>足不出户轻松办理SIM卡</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_03.jpg" /></div>
						<h3>儿童智能手表</h3>
						<p>小孩智能监护产品设计</p>
					</li>
					</a>
					<a href="project-2.html">
					<li>
						<div class="img"><img src="images/project_04.jpg" /></div>
						<h3>airx空气净化器</h3>
						<p>A7空气净化器APP设计</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_05.jpg" /></div>
						<h3>今日空气</h3>
						<p>优雅的空气质量查询应用</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_06.jpg" /></a></div>
						<h3>主题设计</h3>
						<p>夜魅时尚炫酷主题设计</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_07.jpg" /></div>
						<h3>旺财打卡机</h3>
						<p>互联网智能考勤产品设计</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_08.jpg" /></div>
						<h3>牛听听儿童熏教机</h3>
						<p>智能熏教产品设计</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_09.jpg" /></div>
						<h3>Rnanbaby机器人</h3>
						<p>智能亲子机器人产品设计</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_10.jpg" /></div>
						<h3>iBaby View</h3>
						<p>iBaby全新改版</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_11.jpg" /></div>
						<h3>中投证券</h3>
						<p>中投证券期权宝APP UI设计</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_12.jpg" /></a></div>
						<h3>微健智能跑步机应用</h3>
						<p>和好友随时约跑，竞赛跑到让你身临其境</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_13.jpg" /></div>
						<h3>Triace提案设计</h3>
						<p>中国骑行运动普及与领航者</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_14.jpg" /></div>
						<h3>Culinary Map</h3>
						<p>吃货的最佳选择</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_15.jpg" /></div>
						<h3>名媛淑女装</h3>
						<p>时尚女装官网设计</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_16.jpg" /></div>
						<h3>米豆教育</h3>
						<p>通过米豆式学习体验获得成功的高起点</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/project_17.jpg" /></div>
						<h3>Set point插画集</h3>
						<p>Set point插画集合全浏览</p>
					</li>
					</a>
				</ul>
			</div>
			<div class="more mr">
				<a href="#">加载更多</a>
			</div>
			<div class="main_foot">
				<div class="foot clearfix">
					<div class="foot_logo fl">
						<a href="index.html"><img src="images/diansheLOGO.png" /></a>
						<p>设计和技术创造极致用户体验</p>
					</div>
					<div class="con fl">
						<ul class="list1">
							<h3>我们</h3>
							<li>
								<a href="#"	>服务项目</a>					
							</li>
							<li>
								<a href="#"	>关于我们</a>					
							</li>
							<li>
								<a href="#"	>新闻动态</a>					
							</li>
							<li>
								<a href="#"	>加入我们</a>					
							</li>
							<li>
								<a href="#"	>联系我们</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>案例</h3>
							<li>
								<a href="project.html"	>全部</a>					
							</li>
							<li>
								<a href="#"	>网站</a>					
							</li>
							<li>
								<a href="#"	>移动app</a>					
							</li>
							<li>
								<a href="#"	>桌面软件</a>					
							</li>
							<li>
								<a href="#"	>品牌及平面</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>方案</h3>
							<li>
								<a href="#"	>移动互联网</a>					
							</li>
							<li>
								<a href="#"	>在线金融</a>					
							</li>
							<li>
								<a href="#"	>传统企业转型</a>					
							</li>
							<li>
								<a href="#"	>医疗健康</a>					
							</li>
							<li>
								<a href="#"	>创业服务</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>发现</h3>
							<li>
								<a href="#"	>合作伙伴</a>					
							</li>
							<li>
								<a href="#"	>研究</a>					
							</li>
							<li>
								<a href="#"	>set point实验室</a>					
							</li>
							<li>
								<a href="#"	>留言板</a>					
							</li>
							<li>
								<a href="#"	>友情链接</a>					
							</li>
						</ul>
					</div>
					<ul class="list2 fl">
						<h3>商务合作</h3>
						<li>
							<a href="#"	>邮箱：hello@set point.cn</a>					
						</li>
						<li>
							<a href="#"	>手机：18813146300</a>					
						</li>
						<li>
							<a href="#"	>座机：（+86）010-57281080</a>					
						</li>
						<li>
							<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes"	>Q&nbsp;Q：94967751<img src="images/icon_10.jpg" />点击交谈</a>					
						</li>
						<li>
							<a href="#"	>地址：安徽合肥马鞍山路与南一环交叉口</a>					
						</li>
					</ul>
				</div>
				<li class="foot_bottom">
					<ul class="code">
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_05.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_06.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_07.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_08.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_09.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					</ul>
					<p>Copyright © 2014-2017set pointer皖ICP备15000202号-5</p>
				</div>
			</div>
		
		</div>
	</body>
</html>
